<%@ page language="java" contentType="text/html; charset=utf-8"
		 pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
	<link type="text/css" rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="layer/layer.js"></script>
	<script type="text/javascript" src="js/cart.js"></script>
</head>
<body>
<!-- 头部 -->
<jsp:include page="/header.jsp">
	<jsp:param value="1" name="flag"/>
</jsp:include>


<!--banner-->

<div class="banner">
	<div class="container">
		<h2 class="hdng"><a href="detail.action?goodid=7">能量纤体瓶🍍</a><span></span></h2>
		<p>今日精选推荐</p>
		<a class="banner_a" href="javascript:;" onclick="buy(7)">立刻购买</a>
		<div class="banner-text">
			<a href="detail.action?goodid=7">
				<img src="picture/7-1.jpg" alt="能量纤体瓶" width="450" height="350">
			</a>
		</div>
	</div>
</div>

<!--//banner-->

<div class="subscribe2"></div>

<!--gallery-->
<div class="gallery">
	<div class="container">
		<div class="alert alert-danger">热销推荐</div>
		<div class="gallery-grids">

			<div class="col-md-4 gallery-grid glry-two">
				<a href="detail.action?goodid=6">
					<img src="picture/6-1.jpg" class="img-responsive" alt="烤黑糖波波真乳茶" width="350" height="350"/>
				</a>
				<div class="gallery-info galrr-info-two">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=6">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(6)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>经典系列 > 烤黑糖波波真乳茶</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 18</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="col-md-4 gallery-grid glry-two">
				<a href="detail.action?goodid=9">
					<img src="picture/9-1.jpg" class="img-responsive" alt="热芝芝抹茶" width="350" height="350"/>
				</a>
				<div class="gallery-info galrr-info-two">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=9">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(9)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>抹茶系列 > 热芝芝抹茶</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 19 </h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-4 gallery-grid glry-two">
				<a href="detail.action?goodid=3">
					<img src="picture/3-1.jpg" class="img-responsive" alt="酷黑莓桑" width="350" height="350"/>
				</a>
				<div class="gallery-info galrr-info-two">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=3">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(3)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>经典系列 > 酷黑莓桑（首创）</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 18</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-4 gallery-grid glry-two">
				<a href="detail.action?goodid=5">
					<img src="picture/5-1.jpg" class="img-responsive" alt="椰椰芒芒" width="350" height="350"/>
				</a>
				<div class="gallery-info galrr-info-two">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=5">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(5)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>经典系列 > 椰椰芒芒</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 19</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-4 gallery-grid glry-two">
				<a href="detail.action?goodid=2">
					<img src="picture/2-1.jpg" class="img-responsive" alt="不老莓养眼杯" width="350" height="350"/>
				</a>
				<div class="gallery-info galrr-info-two">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=2">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(2)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>HELLOKITTY联名> 不老莓养眼杯</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 19</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-4 gallery-grid glry-two">
				<a href="detail.action?goodid=1">
					<img src="picture/1-1.jpg" class="img-responsive" alt="三倍厚抹" width="350" height="350"/>
				</a>
				<div class="gallery-info galrr-info-two">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=1">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(1)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>抹茶系列 > 三倍厚抹</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 22</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

		</div>

		<div class="clearfix"></div>
		<div class="alert alert-info">新品推荐</div>
		<div class="gallery-grids">

			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=14">
					<img src="picture/14-1.jpg" class="img-responsive" alt="意大利芝士饼干轻乳"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=14">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(14)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>芝芝系列 > 意大利芝士饼干轻乳</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 19</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=13">
					<img src="picture/13-1.jpg" class="img-responsive" alt="芝芝嫣红乳"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=13">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(13)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>芝芝系列 > 芝芝嫣红乳</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 16</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=12">
					<img src="picture/12-1.jpg" class="img-responsive" alt="多肉芒芒"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=12">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(12)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>芝芝系列 > 多肉芒芒</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 16</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=11">
					<img src="picture/11-1.jpg" class="img-responsive" alt="半熟芝士"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=11">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(11)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>芝芝系列 > 半熟芝士</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 20</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=10">
					<img src="picture/10-1.jpg" class="img-responsive" alt="去火纤体瓶"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=10">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(10)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>芝芝系列 > 去火纤体瓶</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 18</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=4">
					<img src="picture/4-1.jpg" class="img-responsive" alt="玫瑰物语"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=4">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(10)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>经典系列 > 玫瑰物语</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 20</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>

			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=7">
					<img src="picture/7-1.jpg" class="img-responsive" alt="能量纤体瓶"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=7">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(10)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>超级植物茶系列 > 能量纤体瓶</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 18</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="col-md-3 gallery-grid ">
				<a href="detail.action?goodid=10">
					<img src="picture/8-1.jpg" class="img-responsive" alt="芋泥椰椰"/>
				</a>
				<div class="gallery-info">
					<p>
						<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
						<a href="detail.action?goodid=8">查看详情</a>
					</p>
					<a class="shop" href="javascript:;" onclick="buy(10)">立刻购买</a>
					<div class="clearfix"> </div>
				</div>
				<div class="galy-info">
					<p>芋泥系列 > 芋泥椰椰</p>
					<div class="galry">
						<div class="prices">
							<h5 class="item_price">¥ 18</h5>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>


		</div>
	</div>
</div>
</div>
</div>
<!--//gallery-->

<!--subscribe-->
<div class="subscribe"></div>
<!--//subscribe-->


<!-- 尾部 -->
<jsp:include page="/footer.jsp"></jsp:include>



</body>
</html>